import { createApp } from 'vue'
import App from './App.vue'
import './styles/reset.css'
import './styles/common.scss'
import ElementPlus from 'element-plus';
// import 'element-plus/lib/theme-chalk/index.css';
import 'element-plus/dist/index.css'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'


import router from './router'
import store from './store/store'
import Toast from '@/common/toast/index'
import directive from '@/directive/directive'

const app = createApp(App)
app.config.globalProperties.$toast = Toast;
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}
directive(app)
app.use(store).use(router).use(ElementPlus).mount('#app')